	body {
		background-color: #f6f6f6;
		font-family: YouYuan;
	}
	
	#header {
		background-color: white;
		border-radius: 5px;
		box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
		width: 1031.99px;
		height: 477.56px;	
		position: absolute;
		left: 375px;
		border: 0px;
		top: 70px;
	}
	
	#headerBackImg img {
		background-image: url(/img/ph1.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 40% 20%;
		background-color: grey;
		display: inline-block;
		width: 1031.98px;
		height: 239.99px;
		position: absolute;
		width: 100%;
		height: 50%;
		object-fit: cover;
	}
	
	#headerName {
		width: 1000px;
		height: 262.57px;
		position: absolute;
        bottom: -35px;
		left: 15px;
	}
	
	#userName {
		display: inline-block;
		width: 70.75px;
		height: 34.92px;
	}
	
	#headimg img {
		border-radius: 5px;
		border: 5px whitesmoke solid;
		background-size: contain;
		display: inline-block;
		width: 160px;
		height: 160px;
		position: absolute;
		left: 15px;
		top: 190px;
	}
	
	.span1 {
		font-weight: bold;
		font-size: 23px;
		position: absolute;
		left: 11px;
		top: 10px;
	}
	
	#userAddress {
		font-size: 14px;
		top: 6px;
	}
	
	#userHobby,
	#hobbyTxt {
		font-size: 14px;
		top: 37px;
	}
	
	#birthday,
	#birthTxt {
		font-size: 14px;
		top: 72px;
	}
	
	#describe,
	#descTxt {
		font-size: 14px;
		top: 112px;
	}
	
	.span2 {
		font-size: 14px;
		position: absolute;
		left: 97px;
		top: 6px;
	}
	
	#headlist {
		width: 100%;
		height: 58px;
	}
	
	#middle {
		/*background-color: white;
		border-radius: 5px;
		box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);*/
		position: absolute;
		margin-left: -20px;
		bottom: -65px;
		width: 694px;
		height: 50.4px;
		line-height: 50.4px;
	}
	
	#middle a,
	span {
		display: inline-block;
		margin-left: 26px;
		text-decoration: none;
		color: #9e9e9e;
		height: 51px;
	}
	
	/*#middleSpan {
		width: 694px;
		height: 2.99px;
		position: absolute;
		bottom: -75px;
		line-height: 2.99px;
		margin-bottom: 13px;
	}*/
	
	#middleSpan span {
		display: inline-block;
		width: 32.01px;
		height: 2.99px;
		margin-bottom: 20px;
		background-color: #ADD8E6;
	}
	
	#wodetongtai {
		/*background-color: white;
		border-radius: 3px;
		box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);*/
		position: absolute;
		bottom: -121px;
		width: 694px;
		height: 50px;
		text-align: left;
	}
	
	#wodetongtai p {
		margin-left: 13px;
    	margin-top: 15px;
	}
	
	#article {
		background-color: white;
		border-radius: 5px;
		box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
		width: 694px;
		height: 447.27px;
		margin-top: 662px;
        margin-left: 375px;
	}
	
	#article p {
		font-weight: bold;
		font-size: 19px;
		margin-left: 15px;
	}
	
	#articleheadImg img {
		border-radius: 2px;
		border: 2px #B8E5F8 solid;
		width: 38px;
		height: 38px;
		position: absolute;
		left: 15px;
		top: 9px;
	}
	
	#userName {
		position: absolute;
		left: -53px;
    	top: 4px;
	}
	
	#userDesc {
		position: absolute;
		left: -34px;
    	top: 29px;

	}
	
	#articlePhoto {
		display: inline-block;
		border: 3px whitesmoke solid;
		width: 189.99px;
		height: 100px;
		position: absolute;
		left: 15px;
		top: 60px;
		border-radius: 6px;
		object-fit: cover;
	}
	
	#articleContent {
		position: absolute;
		bottom: -151px;
    	left: -155px;
	}
	
	#articleContent a {
		display: inline-block;
		width: 415px;
		text-decoration: none;
		font-size: 16px;
		color: dimgrey;
		font-weight: 300;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}
	
	#articleContent a:hover {
		color: lightskyblue;
	}
	
	#beclick {
		position: absolute;
		left: 237px;
		bottom: 113px;
		color: darkgrey;
	}
	
	#beclickspan a {
		text-decoration: none;
		display: inline-block;
		/*position: absolute;*/
		left: 258px;
		bottom: 113px;
		color: darkgrey;
		font-size: 14px;
	}
	
	#articleshare {
		position: absolute;
		bottom: 113px;
		right: 335px;
		color: darkgray;
	}
	
	#articlesharespan a {
		text-decoration: none;
		display: inline-block;
		position: absolute;
		left: 17px;
    	bottom: 30px;
		color: darkgrey;
		font-size: 14px;
	}
	
	#fav {
		position: absolute;
		bottom: 113px;
		right: 265px;
		color: darkgray;
	}
	
	#favspan a {
		text-decoration: none;
		display: inline-block;
		position: absolute;
		left: 10px;
    	bottom: 29px;
		color: darkgrey;
		font-size: 14px;
	}
	
	#thanks {
		position: absolute;
		bottom: 113px;
		right: 185px;
		color: darkgray;
	}
	
	#thanksspan a {
		text-decoration: none;
		display: inline-block;
		position: absolute;
		left: 16px;
    	bottom: 30px;
		color: darkgrey;
		font-size: 14px;
	}
	
	#diandiandian {
		position: absolute;
		top: 201px;
		right: 90px;
		color: darkgray;
	}
	
	#iwantyou {
		color: #0077E6;
		background-color: #D9EDFF;
		display: inline-block;
		width: 101.79px;
		height:43.35px;
		line-height: 31.35px;
		border-radius: 5px;
		position: absolute;
		bottom: 191px;
		text-align: center;
		left: 29px;
		text-decoration: none;
		font-size: 14px
	}
	
	#iwantyou:hover {
		background-color: #1E90FF;
		color: white;
	}
	
	.d {
		width: 334px;
		height: 886px;
		margin-left: 698px;
		margin-top: 471px;

	}
	
	.d1 {
		border: 1px #ebebeb solid;
		width: 165px;
		height: 74px;
		box-shadow: #ebebeb;
		background-color: white;
	}
	
	.d2 {
		border: 1px #ebebeb solid;
		width: 165px;
		height: 74px;
		margin-left: 167px;
		margin-top: -74px;
		box-shadow: #ebebeb;
		background-color: white;
	}
	
	.span {
		margin-left: 59px;
		margin-top: 15px;
		color: #8590a6;
	}
	
	strong {
		display: inline-block;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		line-height: 30px;
		margin-left: 77px;
		color: black;
	}
	
	a {
		text-decoration: none;
	}
	
	.left {
		margin-left: 10px;
		color: #646464;
		
	}
	
	.left01 {
		margin-left: 321px;
		margin-top: -30px;
		color: #646464;
	}
	
	hr {
		color: #ebebeb;
	}
	
	.left02 {
		margin-left: 10px;
		color: #8590a6;
		margin-top: 15px;
	}
	
	footer {
		line-height: 30px;
	}
	#con {
		border: 1px #0084ff solid;
		width: 118px;
		height: 33px;
		text-align: center;
		margin-left: 800px;
		margin-top: -2px;
		border-radius: 3px;
	}
	
	#con:hover {
		background-color: #c7e7ff;
	}
	
	#info {
		line-height: 33px;
		font-size: 14px;
		color: #0084ff;
	}
